<script setup>
import FanDataPanel from '..'

const data1 = [
  { label: "今日预估收益", value: 0 },
  { label: "可提现金额", value: 0.45 },
  { label: "累计收益", value: 0.45 },
  { label: "昨日预估收益", value: 0 }
]

const data2 = [
  { label: "今日预估收益", value: 0 },
  { label: "可提现金额", value: 0.45 },
  { label: "累计收益", value: 0.45 },
]
</script>

<template>
  <demo-block title="基础用法">
    <FanDataPanel :data="data2"></FanDataPanel>
  </demo-block>

  <demo-block title="基础用法">
    <FanDataPanel :data="data1"></FanDataPanel>
  </demo-block>

  <demo-block title="自定义列数">
    <FanDataPanel :data="data1" :column="4"></FanDataPanel>
  </demo-block>
</template>
